





<template>
	<div class="school">
		<h1>{{mes}}</h1>
		<h2>学生名称：{{name}}</h2>
		<h2>学生年龄：{{myage}}</h2>
		<button @click="btnC">修改</button>
	</div>
</template>

<script>
export default {
  name: "Student",
  data() {
    return {
      mes: "我是一个真男人",
	  myage:this.age
    };
  },
  methods: {
	btnC() {
		this.myage++
	},
  },
  props:['name','age']//简单声明接收
  //接受的同时对数据进行类型限制
  // props:{
  // 	name:String,
  // 	address:Number
  // }

  //接受的同时对数据进行类型限制
  //认值的指定+必要性的限制
  //   props: {
  //     name: {
  //       type: String,
  //       required: true //name 是必要的
  //     },
  //     address: {
  //       type: Number,
  //       default: 99 //默认值
  //     }
  //   }
};
</script>

<style>
.school {
  background-color: rgba(147, 228, 232, 0.5);
}
</style>